<template>
  <div class="child">
    <h3>子组件</h3>
    <h4>我的玩具：{{ toy }}</h4>
    <h4>父给我的车：{{ car }}</h4>
    <button @click="handleClick()">玩具给父亲</button>
  </div>
</template>

<script setup lang="ts" name="Child">
import { ref, defineEmits, defineProps } from 'vue'
import emitter from './emitter'
const toy = ref('奥特曼')
const emits = defineEmits(['getToy'])
defineProps(['car'])
const handleClick = () => {
  emitter.emit('getToy', toy.value)
}
</script>
